/***
{
            "pic_1":"image/jz.jpg",
            "id":2110,
            "latitude":"28.93611",
            "longitude":"118.89315",
            "s_name":"桔子花开",
            "s_hotPoint":141,
            "s_phone":"13345700177",
            "s_addr":"柯城区五环路492-494号",
            "uid":25757437,
            "created_at":"2018-07-26 13:51:59",
            "prize_begin":"06:00:00",
            "prize_end":"10:00:00",
            "logoUrl":"https://cdn.ph100.cn/uploads/image/jz.jpg",
            "dist":"1.1k",
            "isnew":1,
            "qiangLeft":14.82,
            "qiangAll":14.82,
            "per":1
        }
***/
<template>
  <div class="container">
    <image style="width:200px;height:200px;margin: 8px;" :src="bean.logoUrl"></image>
    <div>
      <text>{{bean.s_name}}</text>
      <text>{{bean.s_addr}}</text>
      <text>剩{{bean.qiangLeft}}</text>
    </div>
    <div class="r-info">
      <wxc-button size="small" text="马上抢"></wxc-button>
    </div>
  </div>
</template>

<style scoped>
  .container {
    align-items: center;
    align-content: center;
    width: 740px;
    flex-direction: row;
    background-color: #ffffff;
    margin: 8px;
  }
  .r-info{
    position: absolute;
    right: 16px;
    bottom: 16px;
  }

</style>

<script>
import { WxcButton } from 'weex-ui';
  export default {
    components: { WxcButton },
    props: {
      bean: Object
    }
  }
</script>
